<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>2.一个Hello效果</title>
    <!-- 第一步：引入Vue -->
    <script type="text/javascript" src="../../js/vue.js"></script>
  </head>
  <body>
    <!-- 第二步：准备一个容器 -->
    <div id="demo">
      <h1>Hello,{{school}}</h1>
    </div>

    <!-- 第三步：编写一段能让Vue工作的js -->
    <script type="text/javascript" >
      // 创建Vue实例对象，并且传入一个配置对象
      new Vue({
        el:'#demo',//用于指定当前Vue实例服务于哪个容器，值为css选择器字符串
        data:{school:'尚硅谷'}, // data用于配置数据，数据可以直接在模板中使用，值暂时先写成一个对象
      })
    </script>
  </body>
</html>